{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/Layout/DrawingMapElements/MapOutline/","webpackCompilationHash":"282e477ea543a5a73a61","result":{"data":{"markdownRemark":{"html":"<p>用户在地图的 <strong>布局地图属性</strong> 窗口中可以对地图边框是否显示以及边框的显示风格进行设置。</p>\n<p><strong>显示边框</strong> 复选框用于控制当前布局窗口已选中的地图是否显示边框。提供了 <strong>单线边框</strong> 和 <strong>复杂边框</strong>\n两种边框类型，设置边框类型之后，设置单线边框或复线边框的风格参数。</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/17aeb/SingleBorder.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 840px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 37.204301075268816%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB5ElEQVQozyWRS4vUQBSFCxXpYfQHuNC1G5f6F1z4N2xmI4JrXciMIr5Ww4gL0Z3rEUWhW1wIgktH6GmnO+mkKpVUUtWVyquTfqRzzPR8cLlw7uFcuJdEsYJJJEQcgCoXvgzgCt54Ia9NEWNEaZd59mcxFQiVSF3Bcia83Av93OI0ob4DxtlL0vL24+/zJM00ikzAnQ5A4yNw5cAWVpOkdg3MYFGnS6X4ASwQ6knDzLD1UFi+jcS467wyOGLiDbnwePvW6/4WKeczzIopuB7CiQeQ2QRxMmpM4tanIVKGXa7C72iJ9Lh29N9GJFYT6ZOmSJ1Vsy4wCtgBeXVu6/7P9x1SlimqmcQ4/AORjlEVPnQ6aZKEtoFraJN0PSU2gZ78V7t6gKLwEKc28tRbATUodw9ASAe9BxdJnsllWcilr+ylUNZKp2zpx6NlpEcVUCKMvLtc+j00BZSmi3Bq1VPj1L4+qVNjz7HOcMz4fnvCzo1HvcsEaHC65YwS1Vq3PW8r2ygiCu4xKX6dzecbj6kk5qsUi0W8US0h35GrHy7dfvj1OlFZsZdk8Z4y0ydDh+2zMHqezWa7JjO7kYlfBGF4kzH7mRcF/fbzh1TwLxPufQtU9KnVDplP+4rbO/mdK9ve051r/wGhRNo7QQKcKgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"SingleBorder\"\n        title=\"\"\n        src=\"/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/04a72/SingleBorder.png\"\n        srcset=\"/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/6a467/SingleBorder.png 210w,\n/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/635b1/SingleBorder.png 420w,\n/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/04a72/SingleBorder.png 840w,\n/iDesktop/static/39097a79ed46df09f4dcf608d8baf56d/17aeb/SingleBorder.png 930w\"\n        sizes=\"(max-width: 840px) 100vw, 840px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<ul>\n<li><strong>绘制拐角延长线</strong> ：勾选该复选框，地图格网外框线即可延长至地图边框，若为复杂边框，则延长至边框的内框。若格网标注设置了拐角标注，则拐角延长线和拐角标注会自动避让，默认不压盖显示。拐角延长线如下图所示： </li>\n</ul>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/5fddcafe7649b21405639d0724bdffb2/28569/CornerExtension.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 698px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 47.85100286532952%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACBUlEQVQoz12SzY7TMBSFs+gzwAgkWLBgx5I9SyTgOXgBVn0DngCxQ6JrtiOh4QkGFp2RqslAVU3T9CdtnMR2/O/DdcPvWDqx434+vuemmbMSnqR0D8VL8HoGaS1o+PTQLpzRNDJ9V6Qt7/qgjYISG4jDJbjRCUNvPYwPyJw6IOg9NC+gWA6pWij311DZZOhGVssCUSCoKmhREnsF2TMy+sfQkSE/5BD1D7D9NTrRoWx2uF7vsK+FjwTSrccKebMsrFhAsHlIbMsbbNsKV+U2sWikgaUTWYrsrEJPkbWWKOob1FIA8XfkeAY2GWmWU2QL53QY2B4lu0HF28RCGjdU6C1HIBndYd+tsWlW/0U2yVBdUGRxNAy2C4k9dBtil38iU6+HCplkaPsW812Jb4sc266idwVjnNd0cyP0MXItmkJ6ldiwqLY4n+coGJnyDrWQWNYdut4gozMxxBgrJuOOpKgkqQztRJd6KLU7GsaIJYbhGVdHvrc27loenfORehiJjRluDU29SKIRfkX5MhjG9W3WUvNqqYZ1HA5k9LdwSfTZHR12LXWXbnP0dXUC6PLPyZB+nxHXk2paNzQ33Di2YYLptNa+cSE2qcKH+ap7PJ5cvBxPLl+NP06fn56vntD+A9Ij0sl0xRN3N4R4n+Y7bz/Nnr5+9/XFmw/TZ+9Pvyf2hHQv6ScnlOR9E+WHtAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"CornerExtension\"\n        title=\"\"\n        src=\"/iDesktop/static/5fddcafe7649b21405639d0724bdffb2/28569/CornerExtension.png\"\n        srcset=\"/iDesktop/static/5fddcafe7649b21405639d0724bdffb2/6a467/CornerExtension.png 210w,\n/iDesktop/static/5fddcafe7649b21405639d0724bdffb2/635b1/CornerExtension.png 420w,\n/iDesktop/static/5fddcafe7649b21405639d0724bdffb2/28569/CornerExtension.png 698w\"\n        sizes=\"(max-width: 698px) 100vw, 698px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<ul>\n<li>\n<p><strong>单线边框：</strong> 设置所选地图对象的边框类型为单线边框。</p>\n<ul>\n<li><strong>线型：</strong> 单击“选择线型”下拉按钮，弹出线型符号库资源列表，用户可根据需要选择符号列表中的符号，或单击线符号资源列表底部的“符号设计…”按钮，在弹出的“符号库”窗口中，添加其它符号库文件，作为当前单线边框的线型。</li>\n<li><strong>线宽：</strong> 该标签右侧的数字显示框用于设置但线边框的线宽度，默认为0.1毫米。</li>\n<li><strong>颜色：</strong> 设置单线边框的颜色，单击该标签右侧的下拉按钮，弹出颜色面板，用户可选择一种系统预定义的颜色或自定义一种颜色，设置为单线边框的颜色。</li>\n<li><strong>距离：</strong> 表示当前边框距里层地图的距离。当用户选择单线边框时，“距离”标签右侧的数字显示框显灰，为不可用状态。</li>\n</ul>\n</li>\n<li>\n<p><strong>复杂边框：</strong> 地图几何对象的边框类型为复杂边框时，边框的结构分为外框、内框、外线、内线、边框转角区域以及边框填充区域，可以通过设置各种线框的线型、颜色、粗细以及进行区域部分的填充来修饰地图几何对象的边框可基本满足用户的需求。</p>\n<ul>\n<li><strong>内框/内线/外线/外框：</strong> 当地理边框选择为复杂边框时，使用内框/内线/外线/外框来为复杂边框设置0-4个框线，并设置其线型、宽度、颜色和间距。各类框线的设置方法相同，参照单线边框的设置方法即可。如果设置某一个框线的宽度为0，则该框线将不显示。距离表示当前线框与里层线框间的距离，内框则表示其与里层地图边界之间的距离。 </li>\n<li><strong>边框风格：</strong> “布局地图属性”窗口下方的边框风格选项卡用于设置复杂边框中内线至外线之间区域的填充内容和填充方向。 </li>\n</ul>\n</li>\n</ul>\n<p><strong>填充方向：</strong>\n系统为填充图案提供了2种旋转基点：从外向内（默认设置）和从内向外。从外向内表示填充图案是从外线向内线填充；而从内向外正好相反，如上图所示。</p>\n<p><strong>填充设置：</strong> 填充设置区域用于设置内线至外线其间填充图案。系统提供了三种填充方式：无填充、文本填充和图片填充，默认为无填充。</p>\n<p><strong>(1)无填充：</strong> 内线至外线其间填充图案之间无任何填充内容。</p>\n<p><strong>(2)文本填充：</strong>\n内线至外线其间填充图案之间以文本进行填充。用户可在“文本内容:”标签右侧的文本框中输入文字、数字或符号，可以选择字体、颜色，字样内容可以选择也可以自行输入，但实际只能最多显示2个字符。用户可单击“文本风格:”右侧的下拉按钮，弹出字体风格设置的下拉对话框，用户可在该对话框中设置填充文本的风格。具体设置方法参考：<a href=\"../../Mapping/LabelMap/UniformLabelMapDia\">修改统一风格标签专题图的风格</a>页面中的“风格”选项卡。</p>\n<p><strong>(3)图片填充：</strong> 内线至外线其间填充图案之间以图片进行填充。选择“图片填充”，该标签下方 \n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/a8398bde4cbcd0c432b524cf329de87e/c7424/AddPic.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 24px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 87.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAIAAADUsmlHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACwElEQVQ4y5XTW0/TYADG8X0MTLzyyi8hxsTExANRVDBR4wUEIuFGI1woCUKUJRozYLBxGoMlnLKBkcE4bQJlpwCRcdqh605tR9e5taVbu3Vse+0wEAhIJPnd9f336XtRCR7jw/FLCJJsOgeqmwaKimsk7vC+d4+F/9suSsd4UNHYf+VmjUQsfUSiIJL0kfxJCCE+YgMEi5Osn+QKB4iEG2PoFKhsVBdi8WUIkSjA43CIgEORAjQKO81+a6doE1JCJrnTMe8LUwiRdGE0dTL2RTixRCwy1N6C2qUin/lTwPaNF2ghiY4E8dtm1m5VYPZOb4Q/E5O8uBa0NoO0HjDabFybPxgHQJdLaTKkBlAawAwCTueFpF6Cc2HMObEPaszFhrhAH0iqx3RdUlnn2EQPSAwKkYEMOZAhNJ6lz4fxmWVPKIIsfhD2NIDs1gwpulUdhh8dil65flJpW1auLCgBpd41Nv0zdi/Up9Bewd++/lNGeeUg3imgct1o640XsqmJVhBVbBoakEjKhe+fiYPE7mx9YrMBm3qQ+VURW34eNT7ZmqyseK+4V9NlHK7lLWUubQkCfXE6jJQgxqoTMUo6vleRK1U5XL4KtZKICiQncpQ2S2tBQpuntXlGl6PHsLWWHQdEZ07HMBazacp8088AO1z7qnhp/B3Y62NhecLb8VfSq0jAbTsmqTP0+/Cz+4/jlCdEmtWlMftbAVFm4/0CquTdbSm4/VgakXv0L1eXR2DygOJylR+P7uwneVcwOvz1qanr7qLq8ZyyxNTzaLGv9JTeh6Oy8pX17S1/lD5eduGM2LtxxrK2MTdvmJ2bPt/slBGyrznRDS8R445+DDSexilBRLD58D64CJPFqXQgyqXyoLp5sKj4tWTa6p6xeUQGq2tGZLtA4aTe7LRsY+V1iqu3aiXi+mWJm9fuvLl+v+4PRrYkadfuzjAAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"AddPic\"\n        title=\"\"\n        src=\"/iDesktop/static/a8398bde4cbcd0c432b524cf329de87e/c7424/AddPic.png\"\n        srcset=\"/iDesktop/static/a8398bde4cbcd0c432b524cf329de87e/c7424/AddPic.png 24w\"\n        sizes=\"(max-width: 24px) 100vw, 24px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    \n按钮为可用状态，单击该按钮，用户可在弹出的“打开”对话框中，选择一个用于填充的图片即可。导入图片的格式可为：<em>.bmp、</em>.jpg、<em>.png、</em>.gif。</p>\n<ul>\n<li><strong>拐角风格：</strong> “属性”窗口下方的拐角风格选项卡用于设置复杂边框中内线至外线之间区域的四个拐角处填充内容和填充方向。 </li>\n</ul>\n<p><strong>起始模式：</strong>\n系统为转角填充图案提供了4种旋转基点：左下、左上、右上和右下。系统默认的起始模式为右上，表示边框右上转角处的图案为正常视图，其他三个转角处图案为其依次旋转90度的结果，如上图所示。</p>\n<p><strong>填充设置：</strong> 拐角风格的填充设置区域与边框风格的设置完全相同，具体参考以上的设置方法即可。</p>","frontmatter":{"title":"边框设置","next":null,"prev":null},"fields":{"path":"content\\zh\\tutorial\\Layout\\DrawingMapElements\\MapOutline.md","slug":"/zh/tutorial/Layout/DrawingMapElements/MapOutline/","langKey":"en"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/zh/tutorial/Layout/DrawingMapElements/MapOutline/"}}}